<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<load href="__PUBLIC__/Css/css.css" />
<load href="__PUBLIC__/Js/jquery-1.10.2.min.js"/>
<load href="__PUBLIC__/Js/jquery-1.8.3.min.js"/>
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<style>
*{ margin:0; padding:0; list-style:none;}
body{  color:#fff; text-align:left;}
h1{ text-align:center;}

.zzsc{ width:100%;  background:#fff; font-family:'微软雅黑';}
.zzsc .tab{ overflow:hidden;background: #ededed none repeat scroll 0 0;
	border-left:5px solid #99cccc;
}
.zzsc .tab a{ width:88px;height:40px;display:block; float:left; text-decoration:none; color:#333;border-bottom: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3; text-align:center;line-height:40px;
border-top: 1px solid #f9f9f9;background: #ededed none repeat scroll 0 0;}
.zzsc .tab a:hover{ background:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#fff; color:#990000; text-decoration:none;border-bottom: 1px solid #fff;}
.zzsc .content{
    height:2000px;
    margin-bottom: 10px;
    margin-top: 10px;
  
	
    position: relative;
	
    width: 1140px;}
.zzsc .content ul{ position:absolute; left:0; top:0;  height:100%;}
.zzsc .content li{ width:1140px; float:left; height:100%;}
.zzsc .content li .my-tiezi{ width:1123px;}
.zzsc .content li p{ padding:10px;}
</style>
<title>{$list.class}</title>
</head>

<body>

<div id="wapper">
	<div class="header">
		<div class="kuang">
			<div class="type">
				<ul>
					<li><a href="{:U('Message/tiezi',array('class' => '生活类'))}">生活类</a></li>
					<li><a href="{:U('Message/tiezi',array('class' => '学习类'))}">学习类</a></li>
					<li><a href="{:U('Message/tiezi',array('class' => '娱乐类'))}">娱乐类</a></li>
					<li style="border:none"><a href="{:U('Message/tiezi',array('class' => '时事类'))}">时事类</a></li>
				</ul>
			</div>
		
		</div>
			
			
	</div>
	
	<div id="index">
		<div class="kuang">
			<div class="id-ct">
			
				<div class="ourname">
					<h2>OUR TIPS</h2>
					<h1>我们贴吧</h1>
					<a href="{:U('Index/index')}"><h2>返回主页</h2></a>
				</div>
                
				<div class="login">
					<div class="login-right" style="width:100%;ma">
					<div class="hot" style="margin-left:0; padding-left:0 ;">
						
	<!-- 代码部分begin -->
<div class="zzsc">
	<div class="tab">
    	<a href="javascript:;" class="on">默认</a>
        <a href="javascript:;">精品</a>
        <a href="javascript:;">置顶</a>
       
    </div>
    <div class="content">
    	<ul>
        	<li><div class="my-tiezi" id="ppp">
			<foreach name='list' item='c' >
				<a href="{:U('Message/remen',array('tid' => $c['tid']))}" target="_blank">
				
				<div class="tiezi-ct">
					
			     	 <div class="tiezi-ct-top" >
						<h3>帖子题目：</h3>
				        <p >{$c.title}</p>
						<h3>帖子分类：</h3>
				        <p>{$c.class}</p>
					 </div>
				  	<div class="ct-md">
					<span>内容:</span><p>{$c.content}</p>
					</div>
					
			   </div>
			   </foreach>
			 <center>  {$show}</center>
			 </a>
			   
			
			</div>
			
			

			
			
			</li>
			
			
			
			
			
            <li>
			    <div class="my-tiezi" id="ppp">
				
			   
			    <foreach name='list1' item='c1' >
				<a href="{:U('Message/remen',array('tid' => $c1['tid']))}" target="_blank">
				<div class="tiezi-ct">
			     	 <div class="tiezi-ct-top" >
						<h3>帖子题目：</h3>
				        <p >{$c1.title}</p>
						<h3>帖子分类：</h3>
				        <p>{$c1.class}</p>
					 </div>
				  	<div class="ct-md">
					<span>内容:</span><p>{$c1.content}</p>
					</div>
					
			   </div>
			    </foreach>
			 <center>  {$show1}</center>
			   </a>
			   
			  
				
		
	
	
	</div>
			
			
			</li>
			
			
			
			
			
			
			
			
                  	<li><div class="my-tiezi" id="ppp">
				
			   
			 <foreach name='list2' item='c2' >
				<a href="{:U('Message/remen',array('tid' => $c2['tid']))}" target="_blank">
				<div class="tiezi-ct">
					
			     	 <div class="tiezi-ct-top" >
						<h3>帖子题目：</h3>
				        <p >{$c2.title}</p>
						<h3>帖子分类：</h3>
				        <p>{$c2.class}</p>
					 </div>
				  	<div class="ct-md">
					<span>内容:</span><p>{$c2.content}</p>
					</div>
					
			   </div>
			   </foreach> 
			 <center>  {$show2}</center>
			   </a>
			  
				
		
		
		
	
	
	</div>
			</li>
			
			
          
        </ul>
    </div>
</div>


<script src="js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
	$('.zzsc .content ul').width(1140*$('.zzsc .content li').length+'px');
	$(".zzsc .tab a").mouseover(function(){
		$(this).addClass('on').siblings().removeClass('on');
		var index = $(this).index();
		number = index;
		var distance = -1140*index;
		$('.zzsc .content ul').stop().animate({
			left:distance
		});
	});
	

});
</script>
					
						
						
					</div>
					</div>
	
			   </div>	
					
			</div>		
		</div>
				
				
	</div>
			
	
</div>



</body>
</html>
